<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="/moblie/002/js/mui.min.js"></script>
    <link href="/moblie/002/css/mui.min.css" rel="stylesheet" />
    <script type="text/javascript" charset="utf-8">mui.init();</script>
    <script type="text/javascript" charset="utf-8">
            window.onload = function() {
                var gallery = mui('.mui-slider');
                gallery.slider({
                    interval: 5000 //自动轮播周期，若为0则不自动播放，默认为0；
                });
                
            };
        </script>
</head>

<body>
    <header class="mui-bar mui-bar-nav">
        <a class="mui-icon mui-icon-home mui-pull-left" href="/m"></a>
        <a href="#popover" id="info" class="mui-icon mui-icon-bars mui-pull-right" style="padding-right: 10px;"></a>
        <h1 class="mui-title">产品内容</h1>
    </header>
    <div class="mui-content">
        <div id="popover" class="mui-popover">
            <ul class="mui-table-view">
                <wowocms:navlist typeid='0'>
                    <li class="mui-table-view-cell">
                        <a href="{$navlist.url}">{$navlist.name}</a>
                    </li>
                </wowocms:navlist>
            </ul>
        </div>
        <div id="content">
            <style>
                        #desc{
                            text-align: center;
                            border-bottom: #CCC solid 2px;
                            margin-bottom: 5px;
                            margin-top: 5px;
                            font-size: 12px;
                        }
                        #title{
                            text-align: center;
                        }
                    </style>
            <div id="title">
                <h3>{$content.title}</h3>
            </div>
            <div id="desc">
                发布时间：{$content.publishtime|date="Y-m-d H:i:s",###} 浏览次数：
                <wowocms:click />
                次
            </div>
            <div id="pics">
                <div id="slider" class="mui-slider">
                    <div class="mui-slider-group mui-slider-loop">
                        <foreach name="content['pictureurls']" item="v">
                            <div class="mui-slider-item">
                                <img src="{$v.url}"></div>
                        </foreach>
                    </div>
                </div>
            </div>
            <div id="article">{$content.content}</div>

        </div>
        <!-- 底部 -->

        <div id="foot">
            <nav class="mui-bar mui-bar-tab">
                <a class="mui-tab-item mui-active" href="#tabbar">
                    <span class="mui-icon mui-icon-phone"></span>
                    <span class="mui-tab-label">电话咨询</span>
                </a>

                <a class="mui-tab-item" href="#tabbar-with-sms">
                    <span class="mui-icon mui-icon-email"></span>
                    <span class="mui-tab-label">短信咨询</span>
                </a>
                <a class="mui-tab-item" href="#tabbar-with-chat">
                    <span class="mui-icon mui-icon-compose"></span>
                    <span class="mui-tab-label">在线留言</span>
                </a>
            </nav>
        </div>
    </div>
</body>

</html>